<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Real Estate Builders Free Responsive Website Templates - icon">
  <meta name="author" content="webThemez.com">
  <title>欢迎来到拴马桩</title>
  <link rel="favicon" href="assets/images/favicon.png">
  <link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  <!-- Custom styles for our template -->
  <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen">
  <link rel="stylesheet" type="text/css" href="assets/css/isotope.css" media="screen" />
  <link rel="stylesheet" href="assets/js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="assets/css/style.css">
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="assets/js/html5shiv.js"></script>
  <script src="assets/js/respond.min.js"></script>
  <![endif]-->
  <link rel="shortcut icon" href="Imperial/assets/img/logo.php">
  <link href="assets/css/detail.css" rel="stylesheet">
  <link href="assets/css/personalDetail.css" rel="stylesheet">
  <link href="assets/css/layui.css" rel="stylesheet">
  <link rel="stylesheet" th:href="@{/webjars/layui/2.5.7/css/layui.css}">
  <link rel="stylesheet" href="assets/css/ShoppingCart.css">
  <script th:src="@{/webjars/layui/2.5.7/layui.js}"></script>
  <script th:src="@{/webjars/jquery/3.6.0/dist/jquery.js}"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>

<body style="background-color:#eeeeee!important">
<!-- Fixed navbar -->
<div th:replace="~{commons/commons::topbar(active='projects')}"></div>
<!-- /.navbar -->

<header id="head" class="secondary">
  <div class="container">
    <div class="row">
      <div class="col-sm-8">
        <h1>Our Projects</h1>
      </div>
    </div>
  </div>
</header>
<br>

<br>

<div th:replace="~{commons/commons::menunav(selected='projects')}"></div>
<div id="app" style="height: 500px">
  <div class="mycss" align="center">
    <div style="padding:50px; float: left;font-size: 25px;" >
      <b>银行卡</b>
      <div class="layui-input-inline">
        <input type="text" id="card" autocomplete="off"  class="layui-input" placeholder="请输入银行卡">
      </div>
      <button  onclick="addBank()" class="layui-btn" style="background-color: rgb(255, 130, 47)">添加</button>
    </div>
  </div>
</div>
<footer id="footer">
  <div class="footer2">
    <div class="container">
      <div class="row">

        <div class="col-md-6 panel">
          <div class="panel-body">
            <p class="simplenav">
              <a href="index.html">Home</a> |
              <a href="about.html">About</a> |
              <a href="services.html">Services</a> |
              <a href="price.html">Price</a> |
              <a href="projects.html">Projects</a> |
              <a href="contact.html">Contact</a>
            </p>
          </div>
        </div>

        <div class="col-md-6 panel" >
          <div class="panel-body">
            <p class="text-right">
              Copyright &copy; 2021. Template by Shuanmazhuang
            </p>
          </div>
        </div>

      </div>
      <!-- /row of panels -->
    </div>
  </div>
</footer>
</body>
</html>
<script>
  function isNumber(val) {
    var regPos = /^\d+(\.\d+)?$/; //非负浮点数
    var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数
    if(regPos.test(val) || regNeg.test(val)) {
      return true;
    } else {
      return false;
    }
  }
  function sleep(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
      now = new Date();
      if (now.getTime() > exitTime)
        return;
    }
  }
  function addBank() {
    let b = confirm("是否添加");
    if (b==false)return ;
    let card = $('#card').val();
    if (card.length!=16&&card.length!=19&&card.length!=17)
    {
      layui.use('layer',function () {
        layer.msg("格式错误")
      })
      return;
    }
    if (isNumber(card)!=true){
      layui.use('layer',function () {
        layer.msg("格式错误")
      })
      return;
    }
    $.post({
      url:'/addBank',
      data:{
        'card':card
      },
      success:function (res){
        if (res=="1"){
          layui.use('layer',function () {
            layer.msg("添加成功")
          })
        }
        window.location.href= "/projects" ;
      }
    })
  }
</script>